<%@ page language="java" pageEncoding="utf-8"%>
<div>
	<!-- 热门博文 -->
	<div class="p_r" data-sudaclick="madden_points">
		<div class="tit02">
			<a class="tt bkjb" target="_blank"><span  style="color: rgb(67, 177, 80);border: dotted 0px;">热门博文</span></a>
		</div>
		<div class="blk05">
			<ul class="list03">
				<nativeSql:sqlQueryForList
	sql="select f_id,f_title,f_click from t_article where  DATEDIFF(now(),f_creation_date)<100 and 
	 f_blog_id in (select f_id from t_blog where f_if_personal='1') 
	 order by f_click desc limit 10"
	id="articleNovels" />
				<c:forEach items="${articleNovels }" var="article">
					<li><span class="forg">
					<c:if test="${empty article.f_click }">
					      1
					</c:if>
					<a>${article.f_click }</a>
					<yn:shortIt len="13" str="${ article.f_title}" id="articleTitle"></yn:shortIt>
					   </span>|<a style="text-decoration:none;" href="${ctx }/blog/blog.action?method:article=xxx&articleId=${article.f_id }" target="_blank">${articleTitle }</a>
					</li>
				</c:forEach>
			</ul>
			<div class="line01"></div>
		</div>
	</div>
	
	<!-- 热门标签 -->
	<div class="p_r" data-sudaclick="madden_points">
		<div class="tit02">
			<a class="tt bkjb" target="_blank"><span  style="color: rgb(67, 177, 80);border: dotted 0px;">热门标签</span></a>
		</div>
		<div class="blk05">
			<ul class="list03">
				<nativeSql:sqlQueryForList
			sql="select count(f_relate_entity_id) as num,t.* from t_tag_mark as t where  DATEDIFF(now(),f_record_time)<50 group by f_tag_name order by num desc limit 5"
			id="popTags" />
				<c:forEach items="${popTags }" var="popTag">
					<li><span class="forg">
					<c:if test="${empty popTag.num }">
					      0
					</c:if>
					<a title="关联文章数">${popTag.num }</a>
					<yn:shortIt len="5" str="${popTag.f_tag_Name}" id="poptagname"></yn:shortIt> 
					   </span>|<a style="text-decoration:none;" href="${ctx}/blog/blog.action?method:articleTag&tag=${popTag.f_tag_Name}" target="_blank">${poptagname }</a>
					</li>
				</c:forEach>
			</ul>
			<div class="line01"></div>
		</div>
	</div>

<!-- r人气博主 -->
	<div class="p_r" data-sudaclick="madden_points">
		<div class="tit02">
			<a class="tt bkjb" target="_blank"><span  style="color: rgb(67, 177, 80);border: dotted 0px;">人气博主</span></a>
		</div>
		<div class="blk05">
			<ul class="list03">
				<nativeSql:sqlQueryForList sql="select f_creator_name,f_creator_id,count(f_click) as T from t_article  group by f_creator_name order by T desc limit 20" id="topBlogs" />
				<c:forEach items="${topBlogs }" var="topBlog">
					<li><img alt="" src="${ctx }/img/blog-icon.png">
					<a style="text-decoration:none;" href="${ctx }/blog/personalArticles.jsp?userId=${topBlog.f_creator_id}" target="_blank">${topBlog.f_creator_name}</a>
					</li>
				</c:forEach>
			</ul>
			<div class="line01"></div>
		</div>
	</div>







</div>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
/* ui-banner 图片浏览 */
.ui-banner{display:block;position:relative;margin:0px auto;width: 252px;height: 240px;
  border: dotted 0px;
 -moz-box-shadow: 0 3px 6px #b0b3b6;
  -webkit-box-shadow: 0 3px 6px #b0b3b6;
  box-shadow: 0 3px 6px #b0b3b6;
  background-color: white;
 }
.ui-banner.ui-banner-invalid{display:none;}
.ui-banner .ui-banner-slides,.ui-banner .ui-banner-slogans,.ui-banner .ui-banner-arrow{position:absolute;top:0;}
.ui-banner ul{list-style-type:none;margin:0;padding:0;overflow:hidden;}
.ui-banner .ui-banner-slides{width: 250px;height: 233px;left: 1px;}
.ui-banner .ui-banner-slides li{display:none;position:absolute;}
.ui-banner .ui-banner-slides li img{border:dotted 0px;max-width: 250px;min-width:250px;}
.ui-banner .ui-banner-slides li.ui-banner-slides-current,.ui-banner .ui-banner-slides li.ui-banner-slides-prev,.ui-banner .ui-banner-slides li.ui-banner-slides-next{display:block;}
.ui-banner .ui-banner-slides li.ui-banner-slides-current{left:0;}
.ui-banner .ui-banner-slides li.ui-banner-slides-prev{left:-654px;}
.ui-banner .ui-banner-slides li.ui-banner-slides-next{left:654px;}
.ui-banner .ui-banner-slogans{background:#009AC9;height:213px;overflow:hidden;padding:0px 0px 0px 0px;width:0px;right:0;}
.ui-banner .ui-banner-slogans li{cursor:pointer;color:#8DC4EC;text-align:left;font-weight:bold;font-size:12px;line-height:14px;padding:10px 0 10px 10px;margin-left:5px;border-bottom:1px solid #79B4DF;list-style:none;list-style-type:none;}
.ui-banner .ui-banner-slogans li.ui-banner-slogans-current{color:#FFF;}
.ui-banner .ui-banner-slogans li.ui-banner-slogans-prev{border-bottom:none;}
.ui-banner .ui-banner-arrow{display:block;width:45px;outline:none;}
.ui-banner .ui-banner-arrow.ui-banner-arrow-prev{left: -21px;opacity: 0.5;top:100px;width: 20px;height: 48px;background:transparent url("${ctx }/img/left-arrow.png") no-repeat 0 0;}
.ui-banner .ui-banner-arrow.ui-banner-arrow-next{left: 252px;opacity: 0.5;top:100px;width: 20px;height: 48px;background:transparent url("${ctx }/img/right-arrow.png") no-repeat 0 0;}
.ui-banner .ui-banner-arrow.ui-banner-arrow-next img{left:-15px;}
.ui-banner .ui-banner-overlay{bottom:0;height:10px;position:absolute;right:0;width:173px;}
.pictitle{
  height: 30px;
  background-color: rgb(238, 230, 230);
  padding: 10px 0 0 10px;
  margin-top: 20px;
  border: dotted 0px;
  width: 242px;
}



/* 普通信息框 */
.p_r {
width: 250px;
background-color: rgba(220, 240, 240, 0.19);
border: dotted 0px;
padding: 1px 1px;
margin-bottom:20px;
}
.tit02 {
height: 30px;
background-color: rgb(238, 230, 230);
padding: 10px 0 0 10px;
}
.tit02 .bkjb {
background-position: -340px -140px;
width: 100px;
}
.blk05 {
font: 12px/20px "宋体";
padding: 0 10px;
background-color: white;
border: dotted 0px;
-moz-box-shadow: 0 3px 6px #b0b3b6;
-webkit-box-shadow: 0 3px 6px #b0b3b6;
box-shadow: 0 3px 6px #b0b3b6;
}
.list03 {
padding: 5px 0 8px 5px;
}
.line01 {
height: 2px;
overflow: hidden;
zoom: 1;
border-bottom: dotted 0px;
}
.forg, .forg a:link {
color: #e4550b;
}
Inherited from li
.list03 li {
line-height: 22px;
}




<!--
.box {
	border: 1px solid #e8e8e8;
	background-color: #fafafa;
	padding: 1px;
	text-align: left;
	margin:20px auto 20px;
}

.box h5 {
	text-align: center;
	background-color: #EBEFF9;
	margin-bottom: 6px;
	padding-top: 9px;
	padding-bottom: 5px;
}
.box h5 span{
	text-align:center; 
	padding:2px 5px 8px 5px; 
	cursor:pointer
}
.box p {
	padding: 0 0 4px 8px;
	margin: 0;
}

.box p span {
	width: 80px;
	display: inline-block;
	margin: 0 1em 0 0;
	color: #666;
	font-size: 12px;
	line-height: 1.5;
}

.box p span a {
	color: #1a4d81;
}

.box ul {
	margin: 0 0 1.5em 0;
}

.box ul li {
	margin: 0 0 0 10px;
	padding-right: 6px;
}
.box ul li span{
	line-height: 2.5em !important; 
	padding: 5px;
}
.box ul li a{
	line-height: 2.5em !important;
}
.box .yj-scroller-viewport .yj-scroller-content{
	height: 229px;
	width: 258px;
}
.box .yj-scroller-viewport ul div{
	border: 0px; 
	border-top: 1px dashed gray; 
	padding: 3px; 
	margin-bottom: 5px; 
	background-color: #FAFAFA;
}
.box .yj-scroller-viewport ul div span{
	color: grey;
}
.box .yj-scroller-viewport ul div span{
	color: #069;
}
.box .yj-scroller-viewport .yj-mockscroll{
	top: 5px; 
	height: 66.76384839650146px; 
	display: none;
}
#box_com span{
 	text-align:center; 
 	padding:2px 5px 8px 5px; 
 	cursor:pointer; 	
}
#box_com span.current{ 
	background:#fff; 
	color:#000; 
	font-weight:bold;
}
#content .yj-scroller-content ul li{
	padding-left: 10px;
	padding-right:10px
}
#content .yj-scroller-content ul li img{
	float: right;
	cursor: pointer;
	width:16px; 
	height:16px;
}
-->
</style>
</style>
